<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的作品</title>
    <link rel="icon" href="作品背景.jpg" sizes="192x192" />
    <link rel="stylesheet" href="style.css">
    <meta name="author" content="侯垚鹏" />
    <meta name="keywords" content="个人作品集, 个人网站, 作品集, 设计作品集, UX/UI, 交互作品, 设计师网站">
</head>

<body>
    <div class="big2">
        <div class="header">
            <a href="http://qiuhang.com.cn/" target="_blank" class="surprise">
                <img src="惊喜.gif">SURPRISE
            </a>
            <div class="menu">
                <ul>
                    <li><a href="index.html" target="_blank">首页</a></li>
                    <li class="active"><a href="works.html">作品</a></li>

                    <li><a href="about.html" target="_blank">关于</a></li>
                </ul>
            </div>
        </div>
        <h1>WORKS</h1>
        <div class="zuopin">
            <P>作品(部分）</P>
        </div>

        <div class="works ">

            <img src="作品/zuop1.jpg">


            <img src="作品/zuop2.jpg">


            <img src="作品/zuop3.jpg">


            <img src="作品/zuop4.jpg">



        </div>
        <div class="anniu2">
            <a href="about.html" target="_blank">MORE</a>
        </div>
        <div class="footer2">
            <a class="copyright2">
                <img src="作品背景.jpg" width="40" height="30"> 2020 Design by 回家的诱惑团队.
            </a>
        </div>
        <div id="box">
            <img src="作品/作品5.jpg" />
            <img src="作品/作品6.jpg" />
            <img src="作品/作品7.jpg" />
            <img src="作品/作品8.jpg" />
            <img src="作品/作品9.jpg" />
            <img src="作品/作品10.jpg" />
            <img src="作品/作品11.jpg" />
            <img src="作品/作品12.jpg" />
            <img src="作品/作品13.jpg" />
            <img src="作品/作品14.jpg" />


        </div>


        <script type="text/javascript">
            var oimg = box.getElementsByTagName("img");
            for (var i = 0; i < oimg.length; i++) {
                oimg[i].style.cssText = "transform:rotateY(" + i * 36 + "deg) translateZ(500px)";
            }
        </script>



    </div>

</body>

</html>